@charset "utf-8";

/*案例*/
.case2 { width: 100%; height:auto; padding:50px 0px;background:url(../image/product.jpg) center top;background-position:cover;}

.case2 .ctit{margin:0 auto;width:100%;height:auto;float:left;margin:40px 0px;}
.case2 .ctit a{display:block;line-height:60px;color:#fff;font-size:2.4rem;width:100%;height:100%;float:left;}
.case2 .ctit p{width:85px;height:25px;color:#fff;font-size:1.2rem;line-height:25px;text-align:center;float:right;border:solid #2c8335 1px;color:#2c8335;position:relative;top:23px;}
.case2 .cmid{margin:0 auto;width:23%;height:55vh;overflow:hidden;float:left;position:relative;}
.case2 .cmid a .p1{width:100%;height:100%;}
.case2 .cmid a .p2{position:absolute;left:0px;top;0px;}
.case2 .cmm{width:75%;float:right;height:55vh;}




.case2 .cmm ul{width:100%;height:100%;}
.case2 .cmm ul li:hover{top:-15px;transition: top 0.5s,opacity 1ms 2s; }
.case2 .cmm ul li:hover .text{background:#1952be;}
.case2 .cmm ul li:hover .text h1{color:#fff;}
.case2 .cmm ul li:hover .text span{color:#fff;border:solid #fff 1px;}
.case2 .cmm ul li{height:100%;width:31.3333%;margin-left:1%;margin-right:1%;float:left;transition: top 1s,left 1s 1s,opacity 1ms 2s; position:relative;top:0px;}
.case2 .cmm ul li .img{display:block;width:100%;height:41vh;overflow:hidden;}
.case2 .cmm ul li .img img{width:100%;height:100%;}
.case2 .cmm ul li .text {display:block;width:100%;height:14vh;clear:both;background:#fff;-webkit-transition-property: background-color; -webkit-transition-duration: 2s;  -webkit-transition-timing-function: ease;}
.case2 .cmm ul li .text h1{font-size:1.8rem;color:#1952be;text-align:center;display:block;line-height:4;width:100%;font-weight:normal;text-align:center;}
.case2 .cmm ul li .text span{display:block;width:40px;height:40px;margin:0 auto;color:#1952be;font-size:1.8rem;line-height:40px;text-align:center;border:solid #1952be 1px;border-radius:40px;margin:0 auto;}
.case2 .cmm ul li img{ display: block;width: 100%; height: auto;   }

.case2 .cmm ul li:nth-child(4){display:none;}




@media (max-width:438px) {
.case2 .cmid{display:none;}
.case2 .cmm{width:100%;height:auto;}
.case2 .cmm ul li .text h1{line-height:2;}
.case2 .cmm ul li .img{height:25vh;}
.case2 .cmm ul li{margin-top:2rem;width:48% !important;}
.case2 .cmm ul li .text span{display:none;}
.case2 .cmm ul li:nth-child(4){display:block !important;}
.case2 .cmm ul li:nth-child(3){display:block;}
}

@media(max-width:768px){
.case2 .cmid{display:none;}
.case2 .cmm{width:100%;height:auto;}
.case2 .cmm ul li .text h1{line-height:2;}
.case2 .cmm ul li .img{height:30vh;}
.case2 .cmm ul li{margin-top:2rem;width:48% !important;}
.case2 .cmm ul li:nth-child(4){display:block !important;}
.case2 .cmm ul li:nth-child(3){display:block;}
}
@media(min-width:769px) and (max-width:990px){
.case2 .cmid{display:none;}
.case2 .cmm{width:100%;height:auto;}
.case2 .cmm ul li{width:31.3333%;}
.case2 .cmm ul li .img{height:30vh;}

}
@media (min-width:991px) and (max-width:1080px){

.case2 .cmid{display:none;}
.case2 .cmm{width:100%;height:auto;}
.case2 .cmm ul li{width:31.3333% !important;}
.case2 .cmm ul li:nth-child(4){display:none;}
}
@media (min-width:1081px) and (max-width:1440px){

.case2 .cmid{display:none;}
.case2 .cmm{width:100%;height:auto;}
.case2 .cmm ul li{width:31.333%;}

}